<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">
    <ui:define name="body" oncontextmenu="return false">
     <h:form id="frmNew" ajaxSubmit="false">
      	<p:growl id="msgSystem" showDetail="false" life="4000" escape="true"/>   
  		<p:toolbar>  
  			<p:toolbarGroup align="left"> 
	    	 	<p:spacer height="6px"/> 
		   		<p:commandButton title="Guardar" value="Guardar"  icon="icn_bar_save"  oncomplete="dialogUsrDel.show()" ajax="true" />	  
			</p:toolbarGroup>   
  		</p:toolbar>    		
      	<p:spacer height="4px"/>
      	
      	<p:panel header="Retiro de Alumno">
			<table class="form_table">
   				<tr>
   					<td><p:outputLabel for="txtNdoc" value="Nro. Documento" /></td>
   					<td></td> 
   					<td><p:outputLabel for="txtRet"  value="Motivo de Retiro" /></td>
   					<td><p:outputLabel for="txtObs"  value="Observación" /></td>  
   				</tr>
   				<tr>
   					<td><p:inputText   id="txtNdoc" value="#{admisionRetiro.dni}"  maxlength="15" size="-1"/></td>
        			<td><p:commandButton actionListener="#{admisionRetiro.optionLoadPersona}" update=":frmNew" value="..." ajax="false"/></td>
        			<td>
        				<p:selectOneMenu id="txtRet" value="#{admisionRetiro.bean.motivo}" style="width:170px;">
	    			   		<f:selectItem itemLabel="#{constante.OPTION_SELECT}" 	itemValue="-1" />
	            		    <f:selectItem itemLabel="Inasistencias"	itemValue="1" />  
	            		    <f:selectItem itemLabel="Pagos Atrasadas"	itemValue="2" />
	            		    <f:selectItem itemLabel="Otros"  	itemValue="3" />
	        			</p:selectOneMenu>
        			</td>
        			<td><p:inputText   id="txtObs"  value="#{admisionRetiro.bean.observacion}"	size="50" /></td>
   				</tr>
   			</table>
   			<table>
   				<tr>
   					<td><p:outputLabel for="txtProce" value="Proceso" /></td>
   					<td><p:outputLabel for="txtPro"  value="Profesión" /></td>
   					<td><p:outputLabel for="txtSecc"  value="Sección" /></td>
   					<td><p:outputLabel for="txtTur"  value="Turno" /></td>
					
   				</tr>
   				<tr>
   					<td><p:inputText   id="txtProce"  value="#{admisionRetiro.beanRetiro.nombreProceso}" 	     size="20" disabled="true"/></td>
   					<td><p:inputText   id="txtPro"   value="#{admisionRetiro.beanRetiro.nombreEspecialidad}" 	     size="40" disabled="true"/></td>
   					<td><p:inputText   id="txtSecc"  value="#{admisionRetiro.beanRetiro.nombreSeccion}" 	     size="20" disabled="true"/></td>
   					<td><p:inputText   id="txtTur"   value="#{admisionRetiro.beanRetiro.nombreTurno}" 	     size="20" disabled="true"/></td>
   					<td></td>
   				</tr>
   				<tr>
   					<td><p:outputLabel for="txtNom"  value="Nombres" /></td>
   					<td><p:outputLabel for="txtApp"  value="Apellidos" /></td>
   					<td><p:outputLabel for="txtCor"  value="Correo" /></td>
   					<td><p:outputLabel for="txtEst"  value="Estado Civil" /></td>
   					
   				</tr>
   				<tr>
   					<td><p:inputText   id="txtNom"  value="#{admisionRetiro.beanRetiro.nombres}" 	     size="20" disabled="true"/></td>
   					<td><p:inputText   id="txtApp"  value="#{admisionRetiro.beanRetiro.apellidos}"	 size="40" disabled="true"/></td>
   					<td><p:inputText   id="txtCor"  value="#{admisionRetiro.beanRetiro.correo}"	 size="30" disabled="true"/></td>
   					<td><p:inputText   id="txtEst"  value="#{admisionRetiro.beanRetiro.nombreEstado}"	 size="20" disabled="true"/></td>
   				</tr>
   				<tr>
   					<td><p:outputLabel for="txtDep"  value="Departamento" /></td>
   					<td><p:outputLabel for="txtProv"  value="Provincia" /></td>
   					<td><p:outputLabel for="txtDis"  value="Distrito" /></td>
   				</tr>
   				<tr>
   					<td>	
	  					<p:selectOneMenu id="txtDep" value="#{admisionRetiro.departamento}" style="width:180px;" disabled="true">
						<f:selectItems value="#{admisionRetiro.depList}" var="lstDep" itemValue="#{lstDep.departamento}" itemLabel="#{lstDep.descripcion}"/>
						<p:ajax event="change" update=":frmNew:txtProv,:frmNew:txtDis" listener="#{admisionRetiro.fillPro}"/>
						</p:selectOneMenu>		    			
	      			</td>
	      			<td>
		   				<p:selectOneMenu id="txtProv" value="#{admisionRetiro.provincia}" style="width:180px;" disabled="true">
							<f:selectItems value="#{admisionRetiro.proList}" var="lstPro" itemValue="#{lstPro.provincia}" itemLabel="#{lstPro.descripcion}"/>
							<p:ajax event="change" update=":frmNew:txtDis" listener="#{admisionRetiro.fillDis}"/>
						</p:selectOneMenu>
	      			</td>
	      			<td>
		   				<p:selectOneMenu id="txtDis" value="#{admisionRetiro.bean.ubigeo}" style="width:180px;" disabled="true">
							<f:selectItems value="#{admisionRetiro.disList}" var="lstDis" itemValue="#{lstDis.id}" itemLabel="#{lstDis.descripcion}"/>
							<p:ajax event="change"/>
						</p:selectOneMenu>
	      			</td>	   
   				</tr>
   			</table>
   			<p:spacer height="4px"/>
		</p:panel> 			
     </h:form>
     <p:confirmDialog widgetVar="dialogUsrDel" width="350" appendToBody="true"
			header="Mensaje de Confirmacion" message="¿Estas seguro de realizar el retiro?" style="font-size:13px;"
        	closable="true" severity="alert" closeOnEscape="true">
        	<h:form>	
			<h:panelGroup style="text-align: right;" >
				<p:commandButton value="Si" id="deleteButton" oncomplete="dialogUsrDel.hide()" actionListener="#{admisionRetiro.nativeSave}"  ajax="false"/>
        		<p:commandButton value="No" id="cancelButton" onclick="dialogUsrDel.hide()"/>   
			</h:panelGroup>
			</h:form>	
   		</p:confirmDialog>
    </ui:define>
</ui:composition>